<%@page contentType="text/html" pageEncoding="UTF-8" import="consultas.funciones"%>
<jsp:useBean id="reg" class="consultas.funciones" scope="session" />
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>www.queterifas.com</title>
        <script src="jshash-2.2/md5-min.js" type="text/javascript"></script>
        <script type="text/javascript">
            //METODO PARA CALCULAR LA LETRA DE UN DNI
	function calculaLetra(dni){
    var juegoCaracteres="TRWAGMYFPDXBNJZSQVHLCKET";
    var modulo= dni % 23;
    var letra = juegoCaracteres.charAt(modulo);
    return letra; 
    }
	
	//METODO PARA VALIDAR DNI
	function validarDni(dni){
		var correcto=false;
		var letra=dni.charAt(8).toUpperCase();
		var num = parseInt(dni.substring(0, dni.length-1));
		if(calculaLetra(num)==letra){
			correcto=true;
			
		}else{
			alert("dni incorrecto");
		}
		return correcto;
	}
            
            /*FUNCIONES CON ARRAY PARA LOS DIAS, MESES Y AÑOS DE LA FECHA EN EL FORM*/
	function dias(){
		var dias=31;
                var codigo="<option>Día</option>";
		for(i=1;i<=dias;i++){
			if(i<10)
			codigo+="<option>"+"0"+i+"</option>";
			else
			codigo+="<option>"+i+"</option>";
			}
                document.getElementById("dias").innerHTML=codigo;
		};
		
	function meses(){
		var meses=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"];
		var codigo="<option>Mes</option>";
		for(i=0;i<meses.length;i++){
				codigo+="<option value='"+(i+1)+"'>"+meses[i]+"</option>";
			}
                document.getElementById("meses").innerHTML=codigo;
		};
		
	function ainos(){
		var aino=1940;
		var codigo="<option>Año</option>";
		for(i=new Date().getFullYear();i>=aino;i--){
			codigo+="<option>"+i+"</option>";
			}
                document.getElementById("ainos").innerHTML=codigo;
		};
                
                /* FUNCIONES PARA LAS PROVINCIAS Y POBLACIONES */
        function provincia(){
            var provincias=["GIPUZKOA","BIZKAIA","ALAVA"];
            var codigo="<option>PROVINCIA</option>";
		for(i=0;i<provincias.length;i++){
				codigo+="<option>"+provincias[i]+"</option>";
			}
            document.getElementById("provincia").innerHTML=codigo;
        };
        
        function poblaciones(){
            var gipuzkoa=["ABALTZISKETA","ADUNA","AIA","AIZARNAZABAL","ALBIZTUR","ALEGIA","ALKIZA","ALTZAGA","ALTZO","AMEZKETA","ANDOAIN","ANOETA","ANTZUOLA","ARAMA","ARETXABALETA","ARRASATE/MONDRAGÓN","ASTEASU","ASTIGARRAGA","ATAUN","AZKOITIA","AZPEITIA","BALIARRAIN","BEASAIN","BEIZAMA","BELAUNTZA","BERASTEGI","BERGARA","BERROBI","BIDEGOIAN","DEBA","DONOSTIA-SAN SEBASTIÁN","EIBAR","ELDUAIN","ELGETA","ELGOIBAR","ERRENTERIA","ERREZIL","ESKORIATZA","EZKIO-ITSASO","GABIRIA","GAINTZA","GAZTELU","GETARIA","HERNANI","HERNIALDE","HONDARRIBIA","IBARRA","IDIAZABAL","IKAZTEGIETA","IRUN","IRURA","ITSASONDO","LARRAUL","LASARTE-ORIA","LAZKAO","LEABURU","LEGAZPI","LEGORRETA","LEINTZ-GATZAGA","LEZO","LIZARTZA","MENDARO","MUTILOA","MUTRIKU","OIARTZUN","OLABERRIA","OÑATI","ORDIZIA","ORENDAIN","OREXA","ORIO","ORMAIZTEGI","PASAIA","SEGURA","SORALUZE/PLACENCIA DE LAS ARMAS","TOLOSA","URNIETA","URRETXU","USURBIL","VILLABONA","ZALDIBIA","ZARAUTZ","ZEGAMA","ZERAIN","ZESTOA","ZIZURKIL","ZUMAIA","ZUMARRAGA"];
            var alava=["ALEGRÍA-DULANTZI","AMURRIO,AÑANA","ARAMAIO","ARMIÑÓN","ARRAIA-MAEZTU","ARRAZUA-UBARRUNDIA","ARTZINIEGA","ASPARRENA","AYALA/AIARA","BAÑOS DE EBRO/MAÑUETA","BARRUNDIA","BERANTEVILLA","BERNEDO","CAMPEZO/KANPEZU","ELBURGO/BURGELU","ELCIEGO","ELVILLAR/BILAR","HARANA/VALLE DE ARANA","IRUÑA OKA/IRUÑA DE OCA","IRURAIZ-GAUNA","KRIPAN","KUARTANGO","LABASTIDA/BASTIDA","LAGRÁN","LAGUARDIA","LANCIEGO/LANTZIEGO","LANTARÓN","LAPUEBLA DE LABARCA","LAUDIO/LLODIO","LEGUTIANO","LEZA","MOREDA DE ÁLAVA","NAVARIDAS","OKONDO","OYÓN-OION","PEÑACERRADA-URIZAHARRA","RIBERA ALTA","RIBERA BAJA/ERRIBERA BEITIA","SALVATIERRA/AGURAIN","SAMANIEGO","SAN MILLÁN/DONEMILIAGA","URKABUSTAIZ","VALDEGOVÍA/GAUBEA","VILLABUENA DE ÁLAVA/ESKUERNAGA","VITORIA-GASTEIZ","YÉCORA/IEKORA","ZALDUONDO","ZAMBRANA","ZIGOITIA","ZUIA"];
            var bizkaia=["ABADIÑO","ABANTO Y CIÉRVANA-ABANTO ZIERBENA","AJANGIZ","ALONSOTEGI","AMOREBIETA-ETXANO","AMOROTO","ARAKALDO","ARANTZAZU","AREATZA","ARRANKUDIAGA","ARRATZU","ARRIETA","ARRIGORRIAGA","ARTEA","ARTZENTALES","ATXONDO","AULESTI","BAKIO","BALMASEDA","BARAKALDO","BARRIKA","BASAURI","BEDIA","BERANGO","BERMEO","BERRIATUA","BERRIZ","BILBAO","BUSTURIA","DERIO","DIMA","DURANGO","EA","ELANTXOBE","ELORRIO","ERANDIO","EREÑO","ERMUA","ERRIGOITI","ETXEBARRI","ETXEBARRIA","FORUA","FRUIZ","GALDAKAO","GALDAMES","GAMIZ-FIKA","GARAI","GATIKA","GAUTEGIZ ARTEAGA","GERNIKA-LUMO","GETXO","GIZABURUAGA","GORDEXOLA","GORLIZ","GÜEÑES","IBARRANGELU","IGORRE","ISPASTER","IURRETA","IZURTZA","KARRANTZA HARANA/VALLE DE CARRANZA","KORTEZUBI","LANESTOSA","LARRABETZU","LAUKIZ","LEIOA","LEKEITIO","LEMOA","LEMOIZ","LEZAMA","LOIU","MALLABIA","MAÑARIA","MARKINA-XEMEIN","MARURI-JATABE","MENDATA","MENDEXA","MEÑAKA","MORGA","MUNDAKA","MUNGIA","MUNITIBAR-ARBATZEGI GERRIKAITZ","MURUETA","MUSKIZ","MUXIKA","NABARNIZ","ONDARROA","OROZKO","ORTUELLA","OTXANDIO","PLENTZIA","PORTUGALETE","SANTURTZI","SESTAO","SONDIKA","SOPELANA","SOPUERTA","SUKARRIETA","TRUCIOS-TURTZIOZ","UBIDE","UGAO-MIRABALLES","URDULIZ","URDUÑA-ORDUÑA","VALLE DE TRÁPAGA-TRAPAGARAN","ZALDIBAR","ZALLA","ZAMUDIO","ZARATAMO","ZEANURI","ZEBERIO","ZIERBENA","ZIORTZA-BOLIBAR"];
            var pro = document.getElementById("provincia");
            var codigo = "<option>POBLACIÓN</option>";
            //document.writeln(pro.options[pro.selectedIndex].text);
            if(pro.options[pro.selectedIndex].text == "PROVINCIA"){
                document.getElementById("poblacion").disabled=true;
            }else{
                if(pro.options[pro.selectedIndex].text == "GIPUZKOA"){
                    document.getElementById("poblacion").disabled=false;
                    for(i=0;i<gipuzkoa.length;i++){
                                    codigo+="<option>"+gipuzkoa[i]+"</option>";
                            }
                
                }
                if(pro.options[pro.selectedIndex].text == "ALAVA"){
                    document.getElementById("poblacion").disabled=false;
                    for(i=0;i<alava.length;i++){
                                    codigo+="<option>"+alava[i]+"</option>";
                            }
                
                }
                if(pro.options[pro.selectedIndex].text == "BIZKAIA"){
                    document.getElementById("poblacion").disabled=false;
                    for(i=0;i<bizkaia.length;i++){
                                    codigo+="<option>"+bizkaia[i]+"</option>";
                            }
                
                }
            }
            document.getElementById("poblacion").innerHTML=codigo;
        };
        function comprobarCP(campo){
            if(campo.length<5){
                document.getElementById("cp").style.background="#FF0";
            }else{
                document.getElementById("cp").style.background="#FFF";
            }
        };
        function comprLongNick(){
                <%--document.getElementById("validar_nick").value=document.getElementById("nick").value;
            alert("Campo hidden:"+document.getElementById("validar_nick").value);
          //  document.getElementById("nickform").submit();
            document.forms["nickform"].submit();
                
                <% 
                  
                   reg.nickDisponible(reg.nick); 
                   System.out.println("USUARIOEXISTENTE DE MIERDA:"+reg.usuarioExistente);
                   int val=reg.usuarioExistente;
                   System.out.println("USUARIOEXISTENTE DE MIERDA:"+val);
                      switch (val){
                          case 1:  
                              System.out.println("EXISTO");
                               
                                                          break;
                              
                            
                              
                          case 0:  
                                 System.out.println("NOOO EXISTO");
                                    %> document.getElementById("aviso").style.visibility="hidden";<%
                              break;
                          default: 
                           System.out.println("ME RIO EN TU CARA");
                              break;
}--%>
                     
                        
              
           if(nick.value.length<4){
                document.getElementById("nick").style.color="#FF0000";
            }else{
                document.getElementById("nick").style.color="#000";
            }
        }
       
        function comprLongPass(){
            if(pass.value.length<6){
                document.getElementById("pass").style.color="#FF0000";
            }else{
                document.getElementById("pass").style.color="#000";
            }
        }
        
        function validarPass(){
            var pass1=document.getElementById("passii").value;
            var pass2=document.getElementById("re_password").value;
            
           
            if(pass1 !== pass2){
                alert('Las contraseñas no coinciden!');
            }
        }
    
        function validarEmail(email){
            var email=document.getElementById("email").value;
            expr = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            if ( !expr.test(email) )
            alert("Error: La dirección de correo " + email + " es incorrecta.");
        }
        
        function calcMD57(){
            document.getElementById("passii").value=hex_md5(document.getElementById("passii").value);
            return hex_md5(document.getElementById("passii").value);
            //alert('Contraseña encriptada'+md5string);
        }
        
        function calcularEdad(){
            var dia=document.form_registro.dia.selectedIndex;
            var mes=document.form_registro.mes.selectedIndex;
            var indice=document.form_registro.aino.selectedIndex;
            var anio=document.form_registro.aino.options[indice].text;
            /*var f_nacimiento= dia+"-"+mes+"-"+anio;
            alert('La fecha de nacimiento es: '+f_nacimiento);*/
            
            var fecha_hoy=new Date();
            var ahora_dia = fecha_hoy.getDate();
            var ahora_mes = fecha_hoy.getMonth();
            ahora_mes++;
            var ahora_anio = fecha_hoy.getFullYear();
            
            var edad = ahora_anio - anio;
            if(ahora_mes < mes){
                edad--;
            }
            if((ahora_mes === mes) && (ahora_dia < dia)){
                edad--;
            }
            if(edad < 18){
            alert('Debe tener 18 años para poder registrarse');
            }
        }
        function enviar(){
            calcMD57();
        }
        </script>
    </head>
    <body>
        <!-- INCLUDE PARA METER EL HEADER -->
        <jsp:include page="includes/header.jsp"/>
            <section id="contenedor">
                <h1>Registro</h1>
                <form id="form_registro" name="form_registro" onsubmit="enviar();" method="POST" action="control.jsp">
                    <label>Datos Personales</label><br>
                    <input type="text" name="nick" id="nick" placeholder="Nombre de Usuario" maxlength="12" pattern="[A-Za-z0-9]{4,12}" onblur="comprLongNick()" value="<%=reg.nick%>" required />
                    <!-- <p id="aviso">El nombre de usuario ya existe!</p><br> -->
                                  
                
                <% 
                  
                   if(reg.usuarioExistente == 1){
                       %> <p class="aviso">El nombre de usuario ya existe!</p><%
                   } 
                               
                     
                        
                        %>

                    <input type="password" name="password" id="passii" placeholder="Contraseña" onblur="comprLongPass()" maxlength="32" required/><br>
                    <input type="password" name="re_password" id="re_password" placeholder="Vuelva a escribir la contraseña" onblur="validarPass()" required/><br>
                    <input type="text" name="email" id="email" placeholder="Correo Electronico" value="<%=reg.email%>" onblur="validarEmail(email)" required/><br>
                    <input type="text" name="ci" placeholder="Carnet de Identificación" maxlength="9" onblur="validarDni(this.value)"  value="<%=reg.carnet%>" required/><br>
                    <input type="text" name="nombre" placeholder="Nombre Completo" value="<%=reg.nombre%>" required/><br>
                    <input type="text" name="apellidos" placeholder="Apellidos" value="<%=reg.apellido%>" required/><br><br>
                    
                    <!-- PETICIÓN DE FECHA DE NACIMIENTO -->
                    <label>Fecha de nacimiento</label><br>
                    <select id="dias" name="dia" onblur="calcularEdad()" required>
                                <script>
                                dias();
                                </script>
                        </select>

                        <select id="meses" name="mes" onblur="calcularEdad()" required>
                                <script>
                                meses();
                                </script>
                        </select>

                        <select id="ainos" name="aino" onblur="calcularEdad()" required>
                                <script>
                                ainos();
                                </script>
                        </select><br><br>
                    <!-- FIN DE PETICIÓN DE FECHA DE NACIMIENTO -->
                    <label>Datos de Contacto</label><br>
                    <input type="text" name="direccion" placeholder="Dirección" value="<%=reg.direccion%>" required /><br>
                    
                    <!-- PETICIÓN DE PROVINCIA Y POBLACIÓN -->
                    
                    <select id="provincia" name="provincia" onchange="poblaciones();" required>
                                <script>
                                provincia();
                                </script>
                    </select>
                    
                    <select id="poblacion" name="poblacion" disabled required>
                                <script>
                                poblaciones();
                                </script>
                    </select><br>
                    <!-- FIN DE SELECT PROVINCIAS Y POBLACIONES -->
                    
                    <input type="text" id="cp" title="Ej: 00001" name="codigo_postal" pattern="[0-9]{5}" maxlength="5" placeholder="Código Postal" value="<%=reg.cp%>" required /><br>
                    <input type="tel" id="tel" name="telefono" placeholder="Teléfono" pattern="[0-9]{9}" maxlength="9" value="<%=reg.telf%>" required /><br>
                    <input type="submit" id="btn_registrar" name="registrarse" value="Registrarse" /><br><br>
                    
                </form>
                        <%--<form method="post" action="controlnick.jsp" id="nickform" name="nickform" onSubmit="alerta();">
                    <input type="hidden" name="validar_nick" id="validar_nick" value="" />
                    <%reg.nick=request.getParameter("validar_nick"); %>
</form>--%>
                <div class="limpiador"></div>
            </section>
        <!-- INCLUDE PARA METER EL FOOTER -->
        <%@
            include file="includes/footer.jsp"
        %>
    </body>
</html>
